<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./demo.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
</head>
<body>

    <div id="s-top-left" class="s-top-left">
        <a class="a" href="">新闻</a>
        <a class="a" href="">hao123</a>
        <a class="a" href="">地图</a>
        <a class="a" href="">贴吧</a>
        <a class="a" href="">视频</a>
        <a class="a" href="">图片</a>
        <a class="a" href="">网盘</a>
        <a class="a" href="">更多</a>
    </div>
    <div id="s-top-right" class="s-top-right">
        <span class="s-top-right-setting">设置</span>
        <a class="s-top-right-login" href="">登录</a>
    </div>

    <!--logo-->
    <div class="main">
        <div class="logo" >
            <img class="logo_icon" src="./img/logo.png">
        </div>
        <div class="fm">
            <form action="/s" >
                <span class="bg">
                    <input type="text" class="inputbox">
                </span>
                <span class="search-btn">
                    <input type="submit" value="百度一下" class="inputbtn">
                </span>
            </form>
        </div>
        <div class="msg-box">
            <div class="msg-box-title">
                <a class="title">
                    <div class="title-text" aria-label="百度热搜">
                        <img src="./img/hotsearch-icon.jpg" alt="">
                    </div>
                </a>
            </div>
        </div>
    </div>
</body>
</html>